<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>
        /* let arr = [1,2,3];
        // 以前我们想要获取其中的值，只能通过角标。ES6可以这样：
        const [x,y,z] = arr; // x，y，z将与arr中的每个位置对应来取值
        console.log(x,y,z); */

        /* const person = {
            name: "jack",
            age: 21,
            language: ['java','js','css']
        }; */
        // 解构表达式获取值，将person里面每一个属性和左边对应赋值
        // const {name, age, language} = person;
        // 上面的写法等价于
        /* const name = person.name;
        const age = person.age;
        const language = person.language; */
        // console.log(name, age, language);

        // 扩展：如果想要将name的值赋给其他变量，可以进行如下操作，nn是新的变量名
        /* const {name:nn, age, language} = person;
        console.log(nn, age, language); */

        // 字符串扩展
        /* let str = "hello.vue";
        console.log(str.startsWith("hello")); // true
        console.log(str.endsWith(".vue")); // true
        console.log(str.includes("e")); // true
        console.log(str.includes("hello")); // true */

        // 字符串模板
        // 1.多行字符串
        let ss = `
                <div>
                    <span>hello world</span>
                </div>
            `;
        console.log(ss);

        // 2.字符串插入变量和表达式。变量名写在 ${} 中，${}  中可以放入JavaScript表达式
        let name = "张三";
        let age = 18;
        let info = `我是${name}，今年${age}了`;
        console.log(info);

        // 3.字符串中调用函数
        function fun() {
            return "这是一个函数"
        }
        let sss = `O(∩_∩)O 哈哈~，${fun()}`;
        console.log(sss); // O(∩_∩)O 哈哈~，这是一个函数
    </script>
</body>
</html>